@charset "UTF-8";

.y-btn {
	cursor: pointer;
	display: inline-block;
	margin: 0 5px 5px 0;
	padding: 0 15px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	white-space: nowrap;
	font-size: 14px;
	color: #fff;
	background-color: #009688;
	border: none;
	border-radius: 2px;
	opacity: .9;
	filter: alpha(opacity = 90);
	vertical-align: middle;
	transition-property: border-color;
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0.65, 0.05, 0.35, 0.5);
}

.y-btn:hover {
	opacity: .8;
	filter: alpha(opacity = 80);
}

.y-btn:active {
	opacity: 1;
	filter: alpha(opacity = 100);
}

.y-btn-primary {
	color: #555;
	background-color: #fff;
	border: 1px solid #c9c9c9;
	background-color: #fff;
}

.y-btn-primary:hover {
	color: #333;
	border-color: #008888;
}

.y-btn-warm {
	background-color: #f7b824;
}

.y-btn-alert {
	background-color: #ff5722;
}

.y-btn-normal {
	background-color: #1ea0ff;
}

.y-btn[disabled], .y-btn[disabled]:active, .y-btn[disabled]:hover, .y-btn-disabled, .y-btn-disabled:active, .y-btn-disabled:hover {
	cursor: not-allowed;
	color: #C9C9C9;
	background-color: #fcfcfc;
	border: 1px solid #e6e6e6;
	filter: alpha(opacity = 100);
}

.y-btn-big {
	height: 45px;
	line-height: 45px;
	padding: 0 25px;
	font-size: 16px;
}

.y-btn-small {
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	font-size: 12px;
}

.y-btn-radius {
	border-radius: 255px;
}